<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<title>注册</title>
	<link rel="stylesheet" type="text/css" href="css/bootstrap/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="css/bootstrap/bootstrap-responsive.min.css">
	<link rel="stylesheet" type="text/css" href="font/iconfont/iconfont.css">
	<link rel="stylesheet" type="text/css" href="css/jedate.css">
	<link rel="stylesheet" type="text/css" href="js/skin/layer.css">
	<link rel="stylesheet" type="text/css" href="css/common.css">
	<link rel="stylesheet" type="text/css" href="css/register.css">
</head>
<body>
	<div class="black_back"></div>
	<div class="login" id="login">
		<div class="login-main">
			<h3 class="text-center">珠海市物业行业征信系统</h3>
			<p class="text-center">Zhuhai Property Industry Credit System</p>
			<form method="post">
				<div class="control-input">
					<label><i class="iconfont icon-username"></i></label>
					<input type="text" name="username" placeholder="用户名">
				</div>
				<div class="control-input">
					<label><i class="iconfont icon-yuechi"></i></label>
					<input type="password" name="password" placeholder="密码">
					<i class="iconfont icon-wangjimima"></i>
				</div>
				<div class="checkedBox">
					<div class="box-change"><i class="iconfont icon-jizhumimaxuanzhong checkbox checked"></i><input type="checkbox" name="">记住我</div>
				</div>
				<div class="get_submit text-center">
					<button type="button" class="log-in">登录</button>
					<p><a href="register.html">还没有账号？马上注册<i class="iconfont icon-changjiantou"></i></a></p>
				</div>
			</form>
		</div>
	</div>
	<div class="header clearfix container-fluid navbar-fixed-top">
		<div class="row-fluid">	
			<div class="span3">
				<a href="./index.html" class="index-link">	
				<div class="navbar clearfix company">
					<span class="brand"><img src="images/logo.png"></span>
					<div class="name pull-left">
						<h4>珠海市物业行业征信系统</h4>
						<p>Zhuhai Property Industry Credit System</p>
					</div>
				</div>
				</a>	
			</div>		
			<div class="navbar span6 title_menu">				
				<ul class="nav navbar-nav menu">
				  <li class="active">
				    <a href="#"><img src="images/icon/icon_7_white.png"><span>诚信档案</span></a>
				  </li>
				  <li><a href="#"><img src="images/icon/icon_2_white.png"><span>诚信管理</span></a></li>
				</ul>
			</div>
			<div class="navbar span3">	
				<ul class="nav log-on">
					<li class="b-right"><a href="javascript:void(0)" id="log-click"><i class="iconfont icon-denglu"></i>登录</a></li>
					<li><a href="register.html"><i class="iconfont icon-tianjiayonghu"></i>注册</a></li>
				</ul>
			</div>
		</div>
	</div>
	<div class="register-main marg-top">
		<!-- 引导 -->
		<div class="guide">
			<div class="container">
				<ul class="clearfix">
					<li class="active">
						<div class="guide_icon">
							<span>
								<i class="iconfont icon-tianjiayonghu"></i>
							</span>
							<p>1.注册账号;</p>
						</div>
					</li>
					<li>
						<div class="guide_icon">
							<span>
								<img src="images/icon/icon_4_blue.png">
							</span>
							<p>2.完善信息;</p>
						</div>
					</li>
					<li>
						<div class="guide_icon">
							<span>
								<i class="iconfont icon-chenggong"></i>
							</span>
							<p>3.注册成功;</p>
						</div>
					</li>
				</ul>
			</div>
		</div>
		<div class="container">	
			<!-- 注册账号 -->
			<div class="register-form refined-form reg-form">
				<form class="form-horizontal regist" method="post" id="regist" action="">
					  <div class="control-group">
					    <label class="control-label" for="username"><i>*</i>用户名</label>
					    <div class="controls">
					      <input type="text" id="username" name="username" placeholder="邮箱或手机号码">
					    </div>
					  </div>
					  <div class="control-group">
					    <label class="control-label" for="Password"><i>*</i>设置密码</label>
					    <div class="controls">
					      <input type="password" id="Password" name="Password" placeholder="请输入六位有效字符">
					    </div>
					  </div>
					  <div class="control-group">
					    <label class="control-label" for="ConfirmPassword"><i>*</i>确认密码</label>
					    <div class="controls">
					      <input type="password" id="ConfirmPassword" name="ConfirmPassword" placeholder="">
					    </div>
					  </div>
					  <div class="control-group">
					    <label class="control-label" for="companyName"><i>*</i>企业名称</label>
					    <div class="controls">
					      <input type="text" id="companyName" name="companyName" placeholder="填写您的企业名称">
					    </div>
					  </div>
					  <div class="control-group">
					    <label class="control-label" for="memberNum"><i>*</i>会员编号</label>
					    <div class="controls">
					      <input type="text" id="memberNum" name="memberNum" placeholder="NO.">
					    </div>
					  </div>
					  <div class="control-group code">
					    <label class="control-label" for="code"><i>*</i>验证码</label>
					    <div class="controls">
					      <input type="text" id="code" name="code" placeholder="输入图中验证码">
					      <img src=""><i class="iconfont icon-repeat refresh"></i>
					    </div>
					  </div>
					  <div class="control-group form-list regis_btn">
					    <div class="controls">
					      <p><input type="checkbox" checked="checked" name="checked">我已阅读并同意<a href="#">《相关注册规定》</a></p>
					      <button type="submit" class="btn btn_submit">注册 <i class="iconfont icon-changjiantou class"></i></button>
					    </div>
					  </div>
				</form>
			</div>			
		</div>
	</div>
	<div class="footer text-center">
		<p>© 横琴云廷科技有限公司  |  粤公网安备 52003316146400078 号</p>
	</div>
	<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
	<script type="text/javascript" src="js/bootstrap.min.js"></script>
	<script type="text/javascript" src="js/common.js"></script>
	<script type="text/javascript" src="js/jquery.validate.min.js"></script>
	<script type="text/javascript" src="js/jquery.jedate.min.js"></script>
	<script type="text/javascript" src="js/layer.js"></script>
	<script type="text/javascript">
	$().ready(function() {		 
			
			$("#regist").validate({	
				// debug: true,			
				errorPlacement: function(error, element){
		            var error_td = element.parent('div');
		            error_td.find('label').hide();
		            error_td.append(error);
		        },
		        submitHandler:function(form){
		        	// alert("成功提交表单！");   
               		window.location.href = "complete-msg.html"; 
               		// form.submit();提交数据
		        },
		        success: function(label) {
				    // set &nbsp; as text for IE
				    label.html("&nbsp;").addClass("checked");
				    //label.addClass("valid").text("Ok!")
				},
				rules: {
					  username: "required",
					  Password: {
					   required: true,
					   minlength: 5
					  },
					  ConfirmPassword: {
					   required: true,
					   minlength: 5,
					   equalTo: "#Password"
					  },
					 companyName: "required",
					 memberNum: {
					 	required:true,
					 	digits:true,
					 },
					 code: "required",
				 },
				 messages: {
					  username: "请输入用戶名",
					  Password: {
					   required: "请输入密码",
					   minlength: "密码必须为6个字符",
					  },
					  ConfirmPassword: {
					   required: "请输入确认密码",
					   minlength: "确认密码必须为6个字符",
					   equalTo: "两次输入密码不一致"
					  },
					   companyName:{
					   		required: "请输入企业名称",
					   },
					   memberNum:{
					   	required:"请输入会员编号",
					   	digits:"请输入数字",
					   },
					   code:{
					   		required: "请输入验证码",
					   }
				}
			});
	})
	</script>
</body>
</html>